<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Add Gallery Item</title>
<link rel="stylesheet" href="/resources/jqtransformplugin/jqtransform.css" type="text/css" media="all" />
<script type="text/javascript" src="/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="/resources/jqtransformplugin/jquery.jqtransform.js"></script>
</head>
<body style="width: 230px; height:40px; margin: 0 ;text-align: center;">
	<form class="jqtransform">
		<input style="width: 150px;" id="gallery_item" type="text"
			placeholder="Input New Gallery" /> <input type="button"
			onclick="alert('demo system ')" value="save"/>
	</form>
	<script type="text/javascript">
		$(function() {
			//find all form with class jqtransform and apply the plugin
			$("form.jqtransform").jqTransform();
		});
		//alert(document.getElementsByTagName('body')[0].clientWidth);
	</script>
</body>
</html>